<?php
/**
 * @file
 * Additional CSS file for jQuery UI.
 *
 * Usage:
 *  - A page that wants to use this CSS file should link to this file using the
 *    '<link />' tag once and only once.
 *
 * Parameter(s):
 *  - $PATH_COMMON : Relative path from the calling page to the 'common'
 *                   directory (e.g. '../common/').
 *
 * Global variable(s) set:
 *  - None.
 *
 * Global variable(s) unset:
 *  - None.
 *
 * Exception(s):
 *  - None.
 *
 * This file includes/requires:
 *  - h_jqui.php
*/

// header file(s) ==============================================================
require_once "h_jqui.php";


// implementation ==============================================================
// set mime type to css
header("Content-Type: text/css");
?>
.<?php echo JQUI_CSS_CLASS_ICON ?> {
  cursor: pointer;
}

/* image buttons
   from: http://www.filamentgroup.com/examples/buttonFrameworkCSS/
 */
.<?php echo JQUI_CSS_CLASS_BUTTON ?> {
  outline: 0;
  margin: 0 4px 0 0;
  padding: .4em 1em;
  text-decoration: none !important;
  cursor: pointer;
  position: relative;
  text-align: center;
}

.<?php echo JQUI_CSS_CLASS_BUTTON ?> .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px;
}

button.<?php echo JQUI_CSS_CLASS_BUTTON ?> {
  /* remove extra button width in IE */
  width: auto;
  overflow: visible;
}

.<?php echo JQUI_CSS_CLASS_BUTTON_LEFT ?> {
  padding-left: 2.1em;
}

.<?php echo JQUI_CSS_CLASS_BUTTON_RIGHT ?> {
  padding-right: 2.1em;
}

.<?php echo JQUI_CSS_CLASS_BUTTON_LEFT ?> .ui-icon {
  right: auto;
  left: .2em;
  margin-left: 0;
}

.<?php echo JQUI_CSS_CLASS_BUTTON_RIGHT ?> .ui-icon {
  left: auto;
  right: .2em;
  margin-right: 0;
}

.<?php echo JQUI_CSS_CLASS_BUTTON_SOLO ?> {
  /* solo icon buttons must have block properties for the text-indent to work */
  display: block;
  width: 8px;
  text-indent: -9999px;
}
